*{
    margin: 0; padding: 0;
}
/* 伪类清浮动 */
/* .clear{
    zoom: 1;
}
.clear::after{
    content: "";
    display: block;
    clear: both;
} */

/* 字体图标库基类 */
.iconfont{
    /* display: inline-block; */
    display: flex;
}

.top{
    /* width: 375px;height: 812px; */
    width: 10rem; 
    height: 21.653333rem; 
    position: relative;
}
/*******************************top1*********************** */
.top1{
    /* height: 163px; */
    height: 4.346667rem;
    border-bottom: .026667rem solid #979797 ;
}
.box1{
    /* width: 345px; padding-top:47px;*/
    width: 9.2rem; 
    display: flex;
    justify-content: space-between;
    align-items: center; 
    margin: 0rem auto;
    padding-top: 1.253333rem;
}
.iconfont.icon-xiaoyuhao{
    font-size: 30px;
    color: #353638; 
    font-weight: 500;
}
.box1>p{
    display: flex;
    /* width: 64px;height: 44px;line-height: 44px; */
    width: 1.706667rem;
    height: 1.173333rem;
    line-height: 1.173333rem;
    font-size: 13px;
    font-weight: 600;
    color: #4B4E4E;
}
.box1>img{
    /* width: 18px;height: 18px; */
    width: .48rem;
    height: .48rem;
    border: .026667rem dashed #727878;
}
.box2 span:nth-of-type(1){
    /* width: 64px;height: 22px;line-height: 22px; */
    width: 1.706667rem;
    height: .586667rem;
    line-height: .586667rem;
    font-size: 13px;
    font-weight: 600;
    color: #2F9C7F;  
}
.box2{
    /* width: 248px;padding-bottom: 22px; */
    width: 6.613333rem;
    padding-bottom: .586667rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box2 span:nth-of-type(2){
    /* width: 64px; height: 22px;line-height: 22px; */
    width: 1.706667rem;
    height: .586667rem;
    line-height: .586667rem;
    font-size: 13px;
    font-weight: 500;
    color: #89898A;
}
.box3 img{
    /* width: 13px;height: 15px;margin-left: 20px; */
    width: .346667rem;
    height: .4rem;
    margin-left: .533333rem;
}
.box3 span{
    /* width: 294px;height: 40px;line-height: 20px; */
    width: 7.84rem;
    height: 1.066667rem;
    line-height: .533333rem;
    font-size: 13px;
    font-weight: 600;
    color: #247761;
}
/*******************************top1 end**************************/

/******************************* top2 **************************/
.top2{
    /* height: 90px; */
    height: 2.4rem;
    position: relative;
    border-bottom: .026667rem solid #979797 ;
}
.top2 span:nth-of-type(1){
    display: block;
    /* width: 90px;height: 25px;line-height: 25px;margin-left: 20px;padding-top: 21px; */
    width: 2.4rem;
    height: .666667rem;
    line-height: .666667rem;
    margin-left: .533333rem;
    padding-top: .56rem;
    font-size: 15px;
    font-weight: 600;
    color: #232526; 
}
.top2 span:nth-of-type(2){
    display: block;
    /* width: 266px;height: 20px;line-height: 20px;margin-left:20px;margin-top: 2px; */
    width: 7.093333rem;
    height: .533333rem;
    line-height: .533333rem;
    margin-left: .533333rem;
    margin-top: .053333rem;
    font-size: 14px;
    font-weight: 600;
    color: #7e7e81; 
    overflow: hidden; 
}
.box4 img{
    /* width: 24px;height: 22px;top:36px ;right: 33px; */
    width: .64rem;
    height: .586667rem;
    position: absolute;
    top: .96rem;
    right: .88rem;
    border: 1px dashed #727878;
}
.iconfont.icon-right-copy{
    /* top:40px ;right: 14px; */
    position: absolute;
    top: 1.066667rem;
    right: .373333rem;
    font-size: 20px;
}
/*******************************top2 end**************************/

/*******************************top3**************************/
.top3{
    /* height: 177px; */
    height: 4.72rem;
}
.top3::before{
    /* width: 344px;top: 448px;left: 18px; */
    position: absolute;
    content: "";
    border: .026667rem solid #979797;
    width: 9.173333rem;
    top: 11.946667rem;
    left: .48rem;
}
.top3 h3{
    /* width: 72px;height: 25px;line-height: 25px;margin-left: 20px;margin-top: 25px; */
    width: 1.92rem;
    height: .666667rem;
    line-height: .666667rem;
    margin-left: .533333rem;
    margin-top: .666667rem;
    font-size: 15px;
    font-weight: 600;
    color: #030304;   
}
.top3 p{
    /* width: 336px; height: 44px; line-height: 22px; margin-left: 20px; margin-top: 13px; margin-bottom: 99px; */
    width: 8.96rem;
    height: 1.173333rem;
    line-height: .586667rem;
    margin-left: .533333rem;
    margin-top: .346667rem;
    margin-bottom: 2.64rem;
    font-size: 16px;
    font-weight: 500;
    color: #555858; 
}
/*******************************top3 end**************************/

/*******************************top4**************************/
.top4{
    /* height: 352px; */
    height: 9.386667rem;
}
.box5{
    /* width: 128px;height: 22px; line-height: 22px; margin-left: 20px; padding-top: 16px; */
    /* width: 3.413333rem;
    height: .586667rem; */
    line-height: .586667rem;
    margin-left: .533333rem;
    padding-top: .426667rem;
    font-size: 16px;
    font-weight: 600;
    color: #4B4E4E; 
}
.box6{
    /* margin-left: 20px; padding-top: 32px; width: 282px; */
    margin-left: .533333rem;
    padding-top: .853333rem;
    width: 7.52rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
}
.box6 li{
    /* margin-right:20px;padding-top: 4px; */
    margin-right: .533333rem;
    padding-top: .106667rem;
}

.box6 img{
    /* width: 11px; height: 11px; */
    width: .293333rem;
    height: .293333rem;
    border: .026667rem dashed #727878;
}
.box7{
    /* width: 350px;height: 42px; */
    width: 9.333333rem;
    height: 1.12rem;
    background: #6454f5;
    position: absolute;
    left: .333333rem;
    bottom: 0;
    border-radius: .533333rem;
}
.box7 div{
    font-size: 16px;
    font-weight: 500;
    color: #EEF4F4;
    text-align: center;
    line-height: 1.12rem;
}

/*******************************top4 end**************************/
